<template>
  <div class="error">
    <p>
      你<code class="Nopermission">没有权限</code>或者<code class="Nopermission"
        >当前页面不存在!</code
      >
    </p>
  </div>
</template>
<script>
export default {
  name: "ErrorPage",
  data() {
    return {
      erroImage: require("@/assets/images/404.jpg"),
    };
  },
  activated() {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.error {
  width: 100%;
  height: 100%;
  background-image: url("@/assets/images/404.jpg");
  p {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    .Nopermission {
      color: red;
      font-size: 24px;
    }
  }
}
</style>
